﻿* {
  margin: 0;
  padding: 0
}

body {
  font-family: '微软雅黑', '黑体', serif, '宋体';
  color: #4d6287;
  font-size: 12px;
  background: #191c2c;
  overflow: hidden
}

dd, div, dt, li, span {
  font-family: '微软雅黑'
}

li {
  list-style-type: none
}

a, a:active {
  text-decoration: none;
  font-family: '微软雅黑';
  outline: 0
}

img {
  border: none
}

* html, * html body {
  background-attachment: fixed
}

* html .btnlistpar {
  position: absolute;
  bottom: auto;
  top: expression(eval(document.documentElement.scrollTop))
}

body, html {
  _height: 100%
}

.mar-t-0 {
  margin-top: 0 !important
}

.btn-down, .btn-up {
  position: fixed;
  top: 40px;
  left: 50%;
  width: 69px;
  height: 41px;
  margin-left: -34px;
  display: none;
  z-index: 1
}

.btn-down {
  top: auto;
  bottom: 40px
}

.btnlistpar {
  padding: 20px 0 !important;
  margin: 0;
  margin-top: -131px;
  top: 50%;
  right: 40px;
  position: fixed;
  _position: absolute;
  _margin-top: 200px;
  line-height: 18px;
  *width: 76px;
  clear: both;
  border-right: 1px dashed #4c4b57
}

.btnlistpar a {
  right: -14px;
  display: block;
  margin-top: 4px;
  padding-right: 36px;
  text-align: right;
  cursor: pointer;
  overflow: hidden;
  height: 28px;
  line-height: 30px;
  font-size: 12px;
  color: #4c4b57;
  position: relative;
  clear: both;
  *float: right !important;
  *width: 48px
}

.btnlistpar .sel, .btnlistpar a:hover {
  color: #aae4ff;
}

.btnlistpar #bdshare {
  background: 0 0;
  text-align: right !important
}

.btnlistpar #bdshare em {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: none !important;
  _width: 74px
}

.btnlistparPhone {
  margin-top: -215px;
  right: 50px
}

.btnlistparPhone a {
  height: 36px;
  line-height: 36px;
  padding-right: 50px;
  font-size: 24px;
  margin-top: 20px
}

.btnlistparPhone a:not(.share):before {
  content: '';
  width: 30px;
  height: 30px;
  background: #c1c7d0;
  border-radius: 18px;
  position: absolute;
  top: 3px;
  right: 3px
}

.btnlistparPhone a.sel:not(.share):before {
  width: 36px;
  height: 36px;
  top: 0;
  right: 0
}

.btnlistparPhone a.sel:before {
  background-color: #2365d3
}

.cont {
  overflow: hidden;
  position: relative
}

.btn {
  width: 230px;
  height: 70px;
  line-height: 68px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  color: #fff;
  z-index: 1;
  margin: 240px 0 0 -115px
}

.btn:hover {
  color: #fff;
}

.cont_0 .btn {
  opacity: 0;
  margin-top: -100px
}

.cont_2 .btn {
  opacity: 0;
  margin-top: 600px
}

#page0 {
  background: #0d1021
}

#page0 .img0, #page0 .img1, #page0 .img2, #page0 .img3, #page0 .img4, #page0 .img5, #page0 .img6, #page0 .img7, #page0 .imgGroug, #page1 .img0, #page1 .img1, #page1 .img2, #page1 .img3, #page1 .img4, #page1 .img5, #page1 .img6,
#page1 .imgGroug,
#page2 .imgGroug,
#page3 .img0, #page3 .img1,
#page4 .imgDel, .btn, .makenews,
.title0, .title1 {
  position: absolute;
  top: 50%;
  left: 50%
}

.makenews {
  width: 320px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  color: #575661;
  margin: 303px 0 0 -160px
}

.makenews span {
  color: #7f8087
}

.logo {
  height: 26px;
  line-height: 31px;
  position: absolute;
  top: 35px;
  left: 40px;
  padding: 0 10px 0 32px;
  z-index: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #1ab1ff;
  border: 1px solid #1ab1ff
}

.logo:hover {
  color: #14e1ff;
  border: 1px solid #14e1ff
}

.keymouse {
  width: 95px;
  height: 33px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  line-height: 0
}

.keymouse img {
  -webkit-animation: keymouse 6s linear infinite;
  -moz-animation: keymouse 6s linear infinite;
  -o-animation: keymouse 6s linear infinite;
  animation: keymouse 6s linear infinite;
  opacity: 0
}

@-webkit-keyframes keymouse {
  30% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  70% {
    opacity: 0
  }
}

@-moz-keyframes keymouse {
  30% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  70% {
    opacity: 0
  }
}

@-o-keyframes keymouse {
  30% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  70% {
    opacity: 0
  }
}

@keyframes keymouse {
  30% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  70% {
    opacity: 0
  }
}

#page0 .img0 {
  width: 600px;
  height: 274px;
  line-height: 0;
  margin: -470px 0 0 -300px;
  z-index: 1;
  transform-origin: 50% bottom;
  -webkit-transform-origin: 50% bottom;
  -moz-transform-origin: 50% bottom;
  -o-transform-origin: 50% bottom
}

#page0 .imgGroug {
  z-index: 0;
  width: 1394px;
  height: 1048px;
  margin: -546px 0 0 -715px
}

#page0 .img1, #page0 .img2 {
  line-height: 0;
  width: 100%;
  height: 100%;
  margin: 100px 0 0 -715px
}

#page0 .img2 {
  z-index: 0;
  -webkit-animation: star 2.5s linear infinite;
  -moz-animation: star 2.5s linear infinite;
  -o-animation: star 2.5s linear infinite;
  animation: star 2.5s linear infinite
}

#page0 .img3, #page0 .img4 {
  z-index: 1;
  width: 134px;
  height: 126px;
  margin: 134px 0 0 -378px
}

#page0 .img4 {
  margin: 35px 0 0 253px
}

#page0 .img5 {
  z-index: 1;
  width: 64px;
  height: 60px;
  margin: -65px 0 0 -249px
}

#page0 .img6, #page0 .img7 {
  z-index: 1;
  width: 570px;
  height: 450px;
  margin: -158px 0 0 -290px;
  -webkit-animation: star_dian0 4s linear infinite;
  -moz-animation: star_dian0 4s linear infinite;
  -o-animation: star_dian0 4s linear infinite;
  animation: star_dian0 4s linear infinite
}

#page0 .img7 {
  -webkit-animation: star_dian1 4s linear infinite;
  -moz-animation: star_dian1 4s linear infinite;
  -o-animation: star_dian1 4s linear infinite;
  animation: star_dian1 4s linear infinite
}

#page0 .btn, #page0 .img0, #page0 .imgGroug, #page0 .makenews {
  transition: margin .2s ease, transform .2s ease;
  -webkit-transition: margin .2s ease, -webkit-transform .2s ease;
  -moz-transition: margin .2s ease, -moz-transform .2s ease;
  -o-transition: margin .2s ease, -o-transform .2s ease
}

#page0 .btn {
  margin-top: 290px
}

#page0 .makenews {
  margin-top: 370px
}

#page0.resp0 .img0 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  margin-top: -400px
}

#page0.resp0 .imgGroug {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6)
}

#page0.resp0 .btn {
  margin-top: 196px
}

#page0.resp0 .makenews {
  margin-top: 278px
}

#page0.resp1 .img0, #page0.resp1 .imgGroug {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8)
}

#page0.resp1 .btn {
  margin-top: 245px
}

#page0.resp1 .makenews {
  margin-top: 325px
}

#page0.cont_0 .btn, #page0.cont_2 .btn {
  opacity: 1;
  margin-top: 290px
}

#page0.cont_0.resp0 .btn, #page0.cont_2.resp0 .btn {
  margin-top: 196px
}

#page0.cont_0.resp1 .btn, #page0.cont_2.resp1 .btn {
  margin-top: 245px
}

@-webkit-keyframes star {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-moz-keyframes star {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-o-keyframes star {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes star {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes star_dian0 {
  0%, 24% {
    opacity: 0
  }
  25%, 75% {
    opacity: 1
  }
  100%, 76% {
    opacity: 0
  }
}

@-moz-keyframes star_dian0 {
  0%, 24% {
    opacity: 0
  }
  25%, 75% {
    opacity: 1
  }
  100%, 76% {
    opacity: 0
  }
}

@-o-keyframes star_dian0 {
  0%, 24% {
    opacity: 0
  }
  25%, 75% {
    opacity: 1
  }
  100%, 76% {
    opacity: 0
  }
}

@keyframes star_dian0 {
  0%, 24% {
    opacity: 0
  }
  25%, 75% {
    opacity: 1
  }
  100%, 76% {
    opacity: 0
  }
}

@-webkit-keyframes star_dian1 {
  0%, 39% {
    opacity: 0
  }
  40%, 90% {
    opacity: 1
  }
  100%, 91% {
    opacity: 0
  }
}

@-moz-keyframes star_dian1 {
  0%, 39% {
    opacity: 0
  }
  40%, 90% {
    opacity: 1
  }
  100%, 91% {
    opacity: 0
  }
}

@-o-keyframes star_dian1 {
  0%, 39% {
    opacity: 0
  }
  40%, 90% {
    opacity: 1
  }
  100%, 91% {
    opacity: 0
  }
}

@keyframes star_dian1 {
  0%, 39% {
    opacity: 0
  }
  40%, 90% {
    opacity: 1
  }
  100%, 91% {
    opacity: 0
  }
}

#page1 .img0, #page1 .img1, #page1 .img2, #page1 .img3,
#page2 .imgGroug, #page3 .img0, #page3 .img1, .btn, .title0, .title1 {
  transition: margin .5s ease, opacity .5s ease;
  -webkit-transition: margin .5s ease, opacity .5s ease;
  -moz-transition: margin .5s ease, opacity .5s ease;
  -o-transition: margin .5s ease, opacity .5s ease
}

.title0, .title1 {
  left: 0;
  width: 100%;
  text-align: center;
  color: #2ec0f6;
  font-size: 40px;
  height: 70px;
  line-height: 70px;
  margin: -300px 0 0 0;
  z-index: 1
}

.title1 {
  color: #fff;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  margin: -230px 0 0 0
}

.cont_0 .title0 {
  opacity: 0;
  margin: -620px 0 0 0
}

.cont_2 .title0 {
  opacity: 0;
  margin: -120px 0 0 0
}

.cont_0 .title1 {
  opacity: 0;
  margin: -450px 0 0 0
}

.cont_2 .title1 {
  opacity: 0;
  margin: 50px 0 0
}

#page1 .img0, #page1 .img1, #page1 .img2, #page1 .imgGroug {
  z-index: 1
}

#page1 .imgGroug {
  width: 170px;
  height: 170px;
  margin: -126px 0 0 -85px
}

#page1 .imgGroug ul {
  position: relative;
  width: 170px;
  height: 170px
}

#page1 .img0, #page1 .img1, #page1 .img2 {
  margin: -85px 0 0 -85px;
  width: 100%;
  height: 100%
}

#page1.cont_1 .img0 {
  -webkit-transform: rotateY(240deg) translateZ(150px) scale(.925);
  -moz-transform: rotateY(240deg) translateZ(150px) scale(.925);
  -o-transform: rotateY(240deg) translateZ(150px) scale(.925);
  transform: rotateY(240deg) translateZ(150px) scale(.925);
  -webkit-animation: rotate_0 10s linear .5s infinite;
  -moz-animation: rotate_0 10s linear .5s infinite;
  -o-animation: rotate_0 10s linear .5s infinite;
  animation: rotate_0 10s linear .5s infinite
}

#page1.cont_1 .img1 {
  -webkit-transform: rotateY(0deg) translateZ(150px);
  -moz-transform: rotateY(0deg) translateZ(150px);
  -o-transform: rotateY(0deg) translateZ(150px);
  transform: rotateY(0deg) translateZ(150px);
  -webkit-animation: rotate_1 10s linear .5s infinite;
  -moz-animation: rotate_1 10s linear .5s infinite;
  -o-animation: rotate_1 10s linear .5s infinite;
  animation: rotate_1 10s linear .5s infinite
}

#page1.cont_1 .img2 {
  -webkit-transform: rotateY(120deg) translateZ(150px) scale(.925);
  -moz-transform: rotateY(120deg) translateZ(150px) scale(.925);
  -o-transform: rotateY(120deg) translateZ(150px) scale(.925);
  transform: rotateY(120deg) translateZ(150px) scale(.925);
  -webkit-animation: rotate_2 10s linear .5s infinite;
  -moz-animation: rotate_2 10s linear .5s infinite;
  -o-animation: rotate_2 10s linear .5s infinite;
  animation: rotate_2 10s linear .5s infinite
}

@-webkit-keyframes rotate_0 {
  0% {
    -webkit-transform: rotateY(240deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.4% {
    z-index: 1
  }
  12.5% {
    -webkit-transform: rotateY(285deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  37.5% {
    -webkit-transform: rotateY(375deg) translateZ(150px) scale(1);
    z-index: 2
  }
  62.5% {
    -webkit-transform: rotateY(465deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.6% {
    z-index: 1
  }
  87.5% {
    -webkit-transform: rotateY(555deg) translateZ(150px) scale(.8)
  }
  100% {
    -webkit-transform: rotateY(600deg) translateZ(150px) scale(.85)
  }
}

@-moz-keyframes rotate_0 {
  0% {
    -moz-transform: rotateY(240deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.4% {
    z-index: 1
  }
  12.5% {
    -moz-transform: rotateY(285deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  37.5% {
    -moz-transform: rotateY(375deg) translateZ(150px) scale(1);
    z-index: 2
  }
  62.5% {
    -moz-transform: rotateY(465deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.6% {
    z-index: 1
  }
  87.5% {
    -moz-transform: rotateY(555deg) translateZ(150px) scale(.8)
  }
  100% {
    -moz-transform: rotateY(600deg) translateZ(150px) scale(.85)
  }
}

@-o-keyframes rotate_0 {
  0% {
    -o-transform: rotateY(240deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.4% {
    z-index: 1
  }
  12.5% {
    -o-transform: rotateY(285deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  37.5% {
    -o-transform: rotateY(375deg) translateZ(150px) scale(1);
    z-index: 2
  }
  62.5% {
    -o-transform: rotateY(465deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.6% {
    z-index: 1
  }
  87.5% {
    -o-transform: rotateY(555deg) translateZ(150px) scale(.8)
  }
  100% {
    -o-transform: rotateY(600deg) translateZ(150px) scale(.85)
  }
}

@keyframes rotate_0 {
  0% {
    transform: rotateY(240deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.4% {
    z-index: 1
  }
  12.5% {
    transform: rotateY(285deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  37.5% {
    transform: rotateY(375deg) translateZ(150px) scale(1);
    z-index: 2
  }
  62.5% {
    transform: rotateY(465deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.6% {
    z-index: 1
  }
  87.5% {
    transform: rotateY(555deg) translateZ(150px) scale(.8)
  }
  100% {
    transform: rotateY(600deg) translateZ(150px) scale(.85)
  }
}

@-webkit-keyframes rotate_1 {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(150px) scale(1);
    z-index: 2
  }
  25% {
    -webkit-transform: rotateY(90deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  25.1% {
    -webkit-transform: rotateY(91deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  50% {
    -webkit-transform: rotateY(180deg) translateZ(150px) scale(.8)
  }
  74.9% {
    -webkit-transform: rotateY(269deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  75% {
    -webkit-transform: rotateY(270deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -webkit-transform: rotateY(360deg) translateZ(150px) scale(1);
    z-index: 2
  }
}

@-moz-keyframes rotate_1 {
  0% {
    -moz-transform: rotateY(0deg) translateZ(150px) scale(1);
    z-index: 2
  }
  25% {
    -moz-transform: rotateY(90deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  25.1% {
    -moz-transform: rotateY(91deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  50% {
    -moz-transform: rotateY(180deg) translateZ(150px) scale(.8)
  }
  74.9% {
    -moz-transform: rotateY(269deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  75% {
    -moz-transform: rotateY(270deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -moz-transform: rotateY(360deg) translateZ(150px) scale(1);
    z-index: 2
  }
}

@-o-keyframes rotate_1 {
  0% {
    -o-transform: rotateY(0deg) translateZ(150px) scale(1);
    z-index: 2
  }
  25% {
    -o-transform: rotateY(90deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  25.1% {
    -o-transform: rotateY(91deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  50% {
    -o-transform: rotateY(180deg) translateZ(150px) scale(.8)
  }
  74.9% {
    -o-transform: rotateY(269deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  75% {
    -o-transform: rotateY(270deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -o-transform: rotateY(360deg) translateZ(150px) scale(1);
    z-index: 2
  }
}

@keyframes rotate_1 {
  0% {
    transform: rotateY(0deg) translateZ(150px) scale(1);
    z-index: 2
  }
  25% {
    transform: rotateY(90deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  25.1% {
    transform: rotateY(91deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  50% {
    transform: rotateY(180deg) translateZ(150px) scale(.8)
  }
  74.9% {
    transform: rotateY(269deg) translateZ(150px) scale(.9);
    z-index: 1
  }
  75% {
    transform: rotateY(270deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    transform: rotateY(360deg) translateZ(150px) scale(1);
    z-index: 2
  }
}

@-webkit-keyframes rotate_2 {
  0% {
    -webkit-transform: rotateY(120deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.5% {
    -webkit-transform: rotateY(165deg) translateZ(150px) scale(.8)
  }
  37.4% {
    z-index: 1
  }
  37.5% {
    -webkit-transform: rotateY(255deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.5% {
    -webkit-transform: rotateY(345deg) translateZ(150px) scale(1);
    z-index: 2
  }
  87.5% {
    -webkit-transform: rotateY(435deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -webkit-transform: rotateY(480deg) translateZ(150px) scale(.85);
    z-index: 1
  }
}

@-moz-keyframes rotate_2 {
  0% {
    -moz-transform: rotateY(120deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.5% {
    -moz-transform: rotateY(165deg) translateZ(150px) scale(.8)
  }
  37.4% {
    z-index: 1
  }
  37.5% {
    -moz-transform: rotateY(255deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.5% {
    -moz-transform: rotateY(345deg) translateZ(150px) scale(1);
    z-index: 2
  }
  87.5% {
    -moz-transform: rotateY(435deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -moz-transform: rotateY(480deg) translateZ(150px) scale(.85);
    z-index: 1
  }
}

@-o-keyframes rotate_2 {
  0% {
    -o-transform: rotateY(120deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.5% {
    -o-transform: rotateY(165deg) translateZ(150px) scale(.8)
  }
  37.4% {
    z-index: 1
  }
  37.5% {
    -o-transform: rotateY(255deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.5% {
    -o-transform: rotateY(345deg) translateZ(150px) scale(1);
    z-index: 2
  }
  87.5% {
    -o-transform: rotateY(435deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    -o-transform: rotateY(480deg) translateZ(150px) scale(.85);
    z-index: 1
  }
}

@keyframes rotate_2 {
  0% {
    transform: rotateY(120deg) translateZ(150px) scale(.85);
    z-index: 1
  }
  12.5% {
    transform: rotateY(165deg) translateZ(150px) scale(.8)
  }
  37.4% {
    z-index: 1
  }
  37.5% {
    transform: rotateY(255deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  62.5% {
    transform: rotateY(345deg) translateZ(150px) scale(1);
    z-index: 2
  }
  87.5% {
    transform: rotateY(435deg) translateZ(150px) scale(.9);
    z-index: 2
  }
  100% {
    transform: rotateY(480deg) translateZ(150px) scale(.85);
    z-index: 1
  }
}

#page1.cont_0 .img0 {
  margin: -316px 0 0 -258px;
  opacity: 0
}

#page1.cont_2 .img0 {
  margin: 284px 0 0 -258px;
  opacity: 0
}

#page1.cont_0 .img1 {
  margin: -413px 0 0 -85px;
  opacity: 0
}

#page1.cont_2 .img1 {
  margin: 330px 0 0 -85px;
  opacity: 0
}

#page1.cont_0 .img2 {
  margin: -316px 0 0 91px;
  opacity: 0
}

#page1.cont_2 .img2 {
  margin: 284px 0 0 91px;
  opacity: 0
}

#page1 .img3 {
  margin: -410px 0 0 -351px;
  z-index: 0
}

#page1.cont_0 .img3 {
  margin: -570px 0 0 -351px;
  opacity: 0
}

#page1.cont_2 .img3 {
  margin: -170px 0 0 -351px;
  opacity: 0
}

#page2 .imgGroug {
  z-index: 0;
  width: 790px;
  height: 722px;
  margin: -361px 0 0 -395px
}

#page2 .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: star 2s linear infinite;
  -moz-animation: star 2s linear infinite;
  -o-animation: star 2s linear infinite;
  animation: star 2s linear infinite
}

#page2.cont_0 .imgGroug {
  opacity: 0;
  margin: -600px 0 0 -395px
}

#page2.cont_2 .imgGroug {
  opacity: 0;
  margin: 100px 0 0 -395px
}

#page3 .img0 {
  margin: -4px 0 0 -230px;
  z-index: 1;
  opacity: 0;
  transform-origin: 50% bottom;
  -webkit-transform-origin: 50% bottom;
  -moz-transform-origin: 50% bottom;
  -o-transform-origin: 50% bottom
}

#page3.cont_1 .img0 {
  -webkit-animation: scale_y .3s linear .5s;
  -moz-animation: scale_y .3s linear .5s;
  -o-animation: scale_y .3s linear .5s;
  animation: scale_y .3s linear .5s
}

#page3.cont_0 .img0 {
  margin-top: -304px
}

#page3.cont_2 .img0 {
  margin-top: 496px
}

#page3.cont_0 .img0, #page3.cont_2 .img0 {
  opacity: 0;
  -webkit-animation: scale_y1 .3s linear;
  -moz-animation: scale_y1 .3s linear;
  -o-animation: scale_y1 .3s linear;
  animation: scale_y1 .3s linear
}

@-webkit-keyframes scale_y {
  0% {
    -webkit-transform: scaleY(.1)
  }
  100% {
    -webkit-transform: scaleY(1)
  }
}

@-moz-keyframes scale_y {
  0% {
    -moz-transform: scaleY(.1)
  }
  100% {
    -moz-transform: scaleY(1)
  }
}

@-o-keyframes scale_y {
  0% {
    -o-transform: scaleY(.1)
  }
  100% {
    -o-transform: scaleY(1)
  }
}

@keyframes scale_y {
  0% {
    transform: scaleY(.1)
  }
  100% {
    transform: scaleY(1)
  }
}

@-webkit-keyframes scale_y1 {
  0% {
    -webkit-transform: scaleY(1)
  }
  100% {
    -webkit-transform: scaleY(.1)
  }
}

@-moz-keyframes scale_y1 {
  0% {
    -moz-transform: scaleY(1)
  }
  100% {
    -moz-transform: scaleY(.1)
  }
}

@-o-keyframes scale_y1 {
  0% {
    -o-transform: scaleY(1)
  }
  100% {
    -o-transform: scaleY(.1)
  }
}

@keyframes scale_y1 {
  0% {
    transform: scaleY(1)
  }
  100% {
    transform: scaleY(.1)
  }
}

#page3 .img1 {
  margin: -270px 0 0 -443px;
  z-index: 0
}

#page3.cont_0 .img1 {
  margin: -570px 0 0 -443px;
  opacity: 0
}

#page3.cont_2 .img1 {
  margin: 200px 0 0 -443px;
  opacity: 0
}

#page4 .imgDel {
  text-align: center;
  width: 150px;
  height: 250px;
  margin: -125px 0 0 -75px;
  line-height: 0;
  opacity: 0
}

#page4 .imgDel p {
  line-height: 20px;
  color: #34baff;
  font-size: 14px
}

#page4 .imgDel ul {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 134px;
  height: 186px;
  margin: 0 0 0 -67px;
}

#page4 .imgDel.img0 {
  margin: -125px 0 0 -435px;
  transition: margin .3s ease;
  -webkit-transition: margin .3s ease;
  -moz-transition: margin .3s ease;
  -o-transition: margin .3s ease
}

#page4 .imgDel.img1 {
  margin: -125px 0 0 -255px;
  transition: margin .5s ease;
  -webkit-transition: margin .5s ease;
  -moz-transition: margin .5s ease;
  -o-transition: margin .5s ease
}

#page4 .imgDel.img2 {
  transition: margin .7s ease;
  -webkit-transition: margin .7s ease;
  -moz-transition: margin .7s ease;
  -o-transition: margin .7s ease
}

#page4 .imgDel.img3 {
  margin: -125px 0 0 105px;
  transition: margin .9s ease;
  -webkit-transition: margin .9s ease;
  -moz-transition: margin .9s ease;
  -o-transition: margin .9s ease
}

#page4 .imgDel.img4 {
  margin: -125px 0 0 285px;
  transition: margin 1.1s ease;
  -webkit-transition: margin 1.1s ease;
  -moz-transition: margin 1.1s ease;
  -o-transition: margin 1.1s ease
}

#page4.cont_0 .imgDel.img0, #page4.cont_0 .imgDel.img1, #page4.cont_0 .imgDel.img2, #page4.cont_0 .imgDel.img3, #page4.cont_0 .imgDel.img4, #page4.cont_2 .imgDel.img0, #page4.cont_2 .imgDel.img1, #page4.cont_2 .imgDel.img2, #page4.cont_2 .imgDel.img3, #page4.cont_2 .imgDel.img4 {
  margin-top: 375px
}

#page4.cont_1 .imgDel.img0 {
  -webkit-animation: pos0 1s ease;
  -moz-animation: pos0 1s ease;
  -o-animation: pos0 1s ease;
  animation: pos0 1s ease
}

#page4.cont_1 .imgDel.img1 {
  -webkit-animation: pos1 1s ease;
  -moz-animation: pos1 1s ease;
  -o-animation: pos1 1s ease;
  animation: pos1 1s ease
}

#page4.cont_1 .imgDel.img2 {
  -webkit-animation: pos2 1s ease;
  -moz-animation: pos2 1s ease;
  -o-animation: pos2 1s ease;
  animation: pos2 1s ease
}

#page4.cont_1 .imgDel.img3 {
  -webkit-animation: pos3 1s ease;
  -moz-animation: pos3 1s ease;
  -o-animation: pos3 1s ease;
  animation: pos3 1s ease
}

#page4.cont_1 .imgDel.img4 {
  -webkit-animation: pos4 1s ease;
  -moz-animation: pos4 1s ease;
  -o-animation: pos4 1s ease;
  animation: pos4 1s ease
}

@-webkit-keyframes pos0 {
  0% {
    margin-top: 375px;
    opacity: 0
  }
  25% {
    margin-top: -147px;
    opacity: 1
  }
  40% {
    margin-top: -125px
  }
}

@-moz-keyframes pos0 {
  0% {
    margin-top: 375px;
    opacity: 0
  }
  25% {
    margin-top: -147px;
    opacity: 1
  }
  40% {
    margin-top: -125px
  }
}

@-o-keyframes pos0 {
  0% {
    margin-top: 375px;
    opacity: 0
  }
  25% {
    margin-top: -147px;
    opacity: 1
  }
  40% {
    margin-top: -125px
  }
}

@keyframes pos0 {
  0% {
    margin-top: 375px;
    opacity: 0
  }
  25% {
    margin-top: -147px;
    opacity: 1
  }
  40% {
    margin-top: -125px
  }
}

@-webkit-keyframes pos1 {
  0% {
    margin-top: 500px;
    opacity: 0
  }
  40% {
    margin-top: -147px;
    opacity: 1
  }
  55% {
    margin-top: -125px
  }
}

@-moz-keyframes pos1 {
  0% {
    margin-top: 500px;
    opacity: 0
  }
  40% {
    margin-top: -147px;
    opacity: 1
  }
  55% {
    margin-top: -125px
  }
}

@-o-keyframes pos1 {
  0% {
    margin-top: 500px;
    opacity: 0
  }
  40% {
    margin-top: -147px;
    opacity: 1
  }
  55% {
    margin-top: -125px
  }
}

@keyframes pos1 {
  0% {
    margin-top: 500px;
    opacity: 0
  }
  40% {
    margin-top: -147px;
    opacity: 1
  }
  55% {
    margin-top: -125px
  }
}

@-webkit-keyframes pos2 {
  0% {
    margin-top: 600px;
    opacity: 0
  }
  55% {
    margin-top: -147px;
    opacity: 1
  }
  70% {
    margin-top: -125px
  }
}

@-moz-keyframes pos2 {
  0% {
    margin-top: 600px;
    opacity: 0
  }
  55% {
    margin-top: -147px;
    opacity: 1
  }
  70% {
    margin-top: -125px
  }
}

@-o-keyframes pos2 {
  0% {
    margin-top: 600px;
    opacity: 0
  }
  55% {
    margin-top: -147px;
    opacity: 1
  }
  70% {
    margin-top: -125px
  }
}

@keyframes pos2 {
  0% {
    margin-top: 600px;
    opacity: 0
  }
  55% {
    margin-top: -147px;
    opacity: 1
  }
  70% {
    margin-top: -125px
  }
}

@-webkit-keyframes pos3 {
  0% {
    margin-top: 700px;
    opacity: 0
  }
  70% {
    margin-top: -147px;
    opacity: 1
  }
  85% {
    margin-top: -125px
  }
}

@-moz-keyframes pos3 {
  0% {
    margin-top: 700px;
    opacity: 0
  }
  70% {
    margin-top: -147px;
    opacity: 1
  }
  85% {
    margin-top: -125px
  }
}

@-o-keyframes pos3 {
  0% {
    margin-top: 700px;
    opacity: 0
  }
  70% {
    margin-top: -147px;
    opacity: 1
  }
  85% {
    margin-top: -125px
  }
}

@keyframes pos3 {
  0% {
    margin-top: 700px;
    opacity: 0
  }
  70% {
    margin-top: -147px;
    opacity: 1
  }
  85% {
    margin-top: -125px
  }
}

@-webkit-keyframes pos4 {
  0% {
    margin-top: 800px;
    opacity: 0
  }
  85% {
    margin-top: -147px;
    opacity: 1
  }
  100% {
    margin-top: -125px
  }
}

@-moz-keyframes pos4 {
  0% {
    margin-top: 800px;
    opacity: 0
  }
  85% {
    margin-top: -147px;
    opacity: 1
  }
  100% {
    margin-top: -125px
  }
}

@-o-keyframes pos4 {
  0% {
    margin-top: 800px;
    opacity: 0
  }
  85% {
    margin-top: -147px;
    opacity: 1
  }
  100% {
    margin-top: -125px
  }
}

@keyframes pos4 {
  0% {
    margin-top: 800px;
    opacity: 0
  }
  85% {
    margin-top: -147px;
    opacity: 1
  }
  100% {
    margin-top: -125px
  }
}

#page4.cont_1 .imgDel.img0 ul {
  -webkit-animation: scan0 10s linear infinite;
  -moz-animation: scan0 10s linear infinite;
  -o-animation: scan0 10s linear infinite;
  animation: scan0 10s linear infinite
}

#page4.cont_1 .imgDel.img1 ul {
  -webkit-animation: scan1 10s linear infinite;
  -moz-animation: scan1 10s linear infinite;
  -o-animation: scan1 10s linear infinite;
  animation: scan1 10s linear infinite
}

#page4.cont_1 .imgDel.img2 ul {
  -webkit-animation: scan2 10s linear infinite;
  -moz-animation: scan2 10s linear infinite;
  -o-animation: scan2 10s linear infinite;
  animation: scan2 10s linear infinite
}

#page4.cont_1 .imgDel.img3 ul {
  -webkit-animation: scan3 10s linear infinite;
  -moz-animation: scan3 10s linear infinite;
  -o-animation: scan3 10s linear infinite;
  animation: scan3 10s linear infinite
}

#page4.cont_1 .imgDel.img4 ul {
  -webkit-animation: scan4 10s linear infinite;
  -moz-animation: scan4 10s linear infinite;
  -o-animation: scan4 10s linear infinite;
  animation: scan4 10s linear infinite
}

@-webkit-keyframes scan0 {
  0% {
    background-position: 0 -12px
  }
  100%, 20% {
    background-position: 0 186px
  }
}

@-moz-keyframes scan0 {
  0% {
    background-position: 0 -12px
  }
  100%, 20% {
    background-position: 0 186px
  }
}

@-o-keyframes scan0 {
  0% {
    background-position: 0 -12px
  }
  100%, 20% {
    background-position: 0 186px
  }
}

@keyframes scan0 {
  0% {
    background-position: 0 -12px
  }
  100%, 20% {
    background-position: 0 186px
  }
}

@-webkit-keyframes scan1 {
  0%, 20% {
    background-position: 0 -12px
  }
  100%, 40% {
    background-position: 0 186px
  }
}

@-moz-keyframes scan1 {
  0%, 20% {
    background-position: 0 -12px
  }
  100%, 40% {
    background-position: 0 186px
  }
}

@-o-keyframes scan1 {
  0%, 20% {
    background-position: 0 -12px
  }
  100%, 40% {
    background-position: 0 186px
  }
}

@keyframes scan1 {
  0%, 20% {
    background-position: 0 -12px
  }
  100%, 40% {
    background-position: 0 186px
  }
}

@-webkit-keyframes scan2 {
  0%, 40% {
    background-position: 0 -12px
  }
  100%, 60% {
    background-position: 0 186px
  }
}

@-moz-keyframes scan2 {
  0%, 40% {
    background-position: 0 -12px
  }
  100%, 60% {
    background-position: 0 186px
  }
}

@-o-keyframes scan2 {
  0%, 40% {
    background-position: 0 -12px
  }
  100%, 60% {
    background-position: 0 186px
  }
}

@keyframes scan2 {
  0%, 40% {
    background-position: 0 -12px
  }
  100%, 60% {
    background-position: 0 186px
  }
}

@-webkit-keyframes scan3 {
  0%, 60% {
    background-position: 0 -12px
  }
  100%, 80% {
    background-position: 0 186px
  }
}

@-moz-keyframes scan3 {
  0%, 60% {
    background-position: 0 -12px
  }
  100%, 80% {
    background-position: 0 186px
  }
}

@-o-keyframes scan3 {
  0%, 60% {
    background-position: 0 -12px
  }
  100%, 80% {
    background-position: 0 186px
  }
}

@keyframes scan3 {
  0%, 60% {
    background-position: 0 -12px
  }
  100%, 80% {
    background-position: 0 186px
  }
}

@-webkit-keyframes scan4 {
  0%, 80% {
    background-position: 0 -12px
  }
  100% {
    background-position: 0 186px
  }
}

@-moz-keyframes scan4 {
  0%, 80% {
    background-position: 0 -12px
  }
  100% {
    background-position: 0 186px
  }
}

@-o-keyframes scan4 {
  0%, 80% {
    background-position: 0 -12px
  }
  100% {
    background-position: 0 186px
  }
}

@keyframes scan4 {
  0%, 80% {
    background-position: 0 -12px
  }
  100% {
    background-position: 0 186px
  }
}

ul li {
  font-size: 30px;
  color: #2ec0f6;
}

.tyg-div {
  z-index: -1000;
  float: left;
  position: absolute;
  left: 5%;
  top: 20%;
}

.tyg-p {
  font-size: 14px;
  font-family: 'microsoft yahei';
  position: absolute;
  top: 135px;
  left: 60px;
}

.tyg-div-denglv {
  z-index: 1000;
  float: right;
  position: absolute;
  right: 3%;
  top: 10%;
}

.tyg-div-form {
  background-color: #23305a;
  width: 300px;
  height: auto;
  margin: 120px auto 0 auto;
  color: #2ec0f6;
}

.tyg-div-form form {
  padding: 10px;
}

.tyg-div-form form input[type="text"] {
  width: 270px;
  height: 30px;
  margin: 25px 10px 0px 0px;
}

.tyg-div-form form input[type="password"] {
  width: 270px;
  height: 30px;
  margin: 25px 10px 0px 0px;
}

.tyg-div-form form button {
  cursor: pointer;
  width: 270px;
  height: 44px;
  margin-top: 25px;
  padding: 0;
  background: #2ec0f6;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #2ec0f6;
  -moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset,
  0 2px 7px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset,
  0 2px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset,
  0 2px 7px 0 rgba(0, 0, 0, .2);
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  -o-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  -ms-transition: all .2s;
}